<template>
  <div>
    <bread></bread>
    <el-card>
      <el-button type="text"">添加</el-button>

      <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
        <span>这是一段信息</span>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
        </span>
      </el-dialog>
    </el-card>
  </div>
</template>
<script>
import bread from "../Bread.vue";
export default {
  components: {
    bread
  },
  data() {
    return {
      // categories
    };
  },
  created() {
    this.huoCategories();
  },
  methods: {
    async huoCategories() {
      let { data: res } = await this.$http.get("categories");
      console.log(res);
    }
  }
};
</script>
<style lang="scss" scoped>
</style>